<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Management System</title>
<meta name="keywords" content="管理页面设计">
<meta name="description" content="管理系统导航功能" />
<meta name="HandheldFriendly" content="True" />
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css"
	href="jquery-easyui-1.4.2/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="jquery-easyui-1.4.2/themes/icon.css">
<script type="text/javascript" src="jquery-easyui-1.4.2/jquery.min.js"></script>
<script type="text/javascript"
	src="jquery-easyui-1.4.2/jquery.easyui.min.js"></script>
<script type="text/javascript" src="common/common.js"></script>
<script type="text/javascript">
	window.onload = function() {
		$('#loading-mask').fadeOut();
	}
</script>
<script src="/jquery-3.3.1.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js "></script>
<style>
* {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

#north {
	overflow: hidden;
	height: 55px;
	background: #f7f9fc;
}

#north li {
	float: left;
}

#north .right {
	height: 45px;
	padding-top: 15px;
	font-size: 14px;
	float: right;
	font-family: "宋体";
}

#west hr {
	margin: 10px 0;
	margin-left: 5px;
	height: 1px;
	border: none;
	border-top: 1px solid #CCCCCC;
	width: 150px;
}

#west li a {
	color: #0E2D5F;
}

#west li {
	margin: 3px;
	padding: 10px;
	cursor: pointer;
}

#west li:hover {
	outline: 1px solid #95b8e7;
	background: #dce8f9;
}
.userImg{
	width: auto;
	height: 25px;
	padding:0;
}
</style>
</head>

<body class="easyui-layout" style="overflow-y: hidden" fit="true" scroll="no">

	<div id="loading-mask"
		style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #D2E0F2; z-index: 20000">
		<div id="pageloading"
			style="position: absolute; top: 50%; left: 50%; margin: -120px 0px 0px -120px; text-align: center; border: 2px solid #8DB2E3; width: 200px; height: 30px; font-size: 14px; padding: 10px; font-weight: bold; background: #fff; color: #15428B;">
			<img src="images/loading.gif" align="absmiddle" /> 正在加载中,请稍候...
		</div>
	</div>

	<!-- 顶部 -->
	<div id="north" region="north" split="true" border="false">
		<div>
			<li class="right">
			<img class="userImg" src="/images/userImg.png"> <span th:text="${system.name}"></span> 
			<a href="/logout">【退出】</a></li>
		</div>
	</div>

	<!-- 底部 -->
	<div region="south" split="true"
		style="height: 30px; background: #D2E0F2; text-align: right; padding-top: 5px; padding-right: 20px;">
		毕业设计</div>

	<!--  导航内容 -->
	<div region="west" split="true" title="导航菜单" style="width: 180px;"
		id="west">
		<div class="easyui-accordion" style="height: 100%;">

			<div title="商品管理">
				<li><a href="/selAll" target="iframe">商品展示</a></li>
				<li><a href="/createItem" target="iframe">新品上架</a></li>
			</div>
			<div title="活动管理">
				<li><a href="/selActivity" target="iframe">活动查询</a></li>
				<li><a href="/goAddActivity" target="iframe">添加活动</a></li>
			</div>
			<div title="订单管理">
				<li><a href="/toSelOrder" target="iframe">订单查询</a></li>
			</div>
		</div>
	</div>


	<!-- 主页面 -->
	<div id="mainPanle" region="center"
		style="background: #eee; overflow-y: hidden">
		<iframe name="iframe" scrolling="no" frameborder="0"
			src="/selAll" style="width: 100%; height: 100%;"></iframe>
	</div>

</body>
</html>